<!DOCTYPE html>
<!-- saved from url=(0037)http://localhost:8080/userInfoManage# -->
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script th:src="@{bootstrap/js/jquery.min.js}"></script>
    <script th:src="@{bootstrap/js/bootstrap.js}"></script>
    <link th:href="@{bootstrap/css/bootstrap.css}" rel="stylesheet"/>

    <link rel="shortcut icon" type="image/x-icon" href="../image/favicon-like.ico"/>
    <title>zrjAI</title>
</head>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div style="margin-top: 5px;">
        <img width="25px" height="25px" viewBox="0 0 16 16" src="../image/index-cat.svg" alt="Smiley face">
    </div>
    <a class="navbar-brand" style="margin-left: 20px;" href="http://localhost:8080/detect#">zrjAI</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
            aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarText" style="margin-left: 20px;">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="#">Dehazing <span
                        class="sr-only">(current)</span></a>
            </li>
        </ul>
        <a class="nav-link" style="color:darkgrey;" href="#"></a>
        <span class="navbar-text">
            </span>
    </div>
</nav>

<div style="margin-top: -20px;">
    <div class="row" style="float: left;">
        <div class="col-4">
            <div class="card" style="width: 18rem;">
                <img src="../image/imageIndex.jpg" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">每日一签</h5>
                    <p class="card-text"> 傍晚的光线金黄而辽远，<br>
                    四月的清爽如此柔情。<br>
                    你迟到了许多年，<br>
                    可我依然为你的到来而高兴。<br><br>
                    阿赫玛托娃</p>
                </div>
            </div>
        </div>
    </div>

    <div class="container" style="margin-top:20px;margin-right: 20px">

        <div class="jumbotron jumbotron-fluid">
            <div class="container">
                <h1 class="display-5">图像去雾</h1>
                <p class="lead">
                    1.上传本地文件或者输入图片链接<br>
                    2.算法选择：选择对应的算法处理图片<br>
                    3.提交按钮：提交图片<br>
                    4.算法对比按钮：对比各算法优劣
                </p>
            </div>
        </div>


        <form enctype='multipart/form-data' method='POST' action="detectImage" target="_blank"
              onsubmit="return toValid()">

            <div class="input-group mb-3" style="margin-top:40px;width:500px;">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="inputGroupFileAddon">Upload</span>
                </div>
                <div class="custom-file">
                    <input type="file" name="imageFile" class="custom-file-input" id="inputGroupFile"
                           aria-describedby="inputGroupFileAddon" onchange="changeImageFile()">
                    <label id="inputFileLabelId" class="custom-file-label" for="inputGroupFile">Choose image
                        file</label>
                </div>
            </div>
            <br>


            <div class="input-group mb-3" style="margin-top:5px;width:500px">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="basic-addon1">Picture link</span>
                </div>
                <input id="imageLinkId" name="imageLink" type="text" class="form-control" placeholder=""
                       aria-label="Username" aria-describedby="basic-addon1" onchange="changeImageLink()" value="">
            </div>
            <br>

<!--            <div>-->
<!--            <form:checkboxes path="jineng" items="${jinengItme}" />-->
<!--            </div>-->

            <div>
                <input type="checkbox" name="algorithm" value="AOD_Net" checked="checked"/>AOD_Net
                <input type="checkbox" name="algorithm" value="GCANet" />GCANet
                <input type="checkbox" name="algorithm" value="FFA"  />FFA
            </div>








            <br>
            <input type="submit" value="提交" class="btn btn-primary"
                   style="margin-top:70px;margin-left:400px;width:100px "/>
        </form>

        <form method='POST' action="all_contrast" target="_blank">
			
			<div style="height: 1680px;width: 800px; margin-top: 100px;background-color: #6BA9EC;">
				<table border="1"  width="800px">
					<tr height="80px">
						<td align="center">
							<font size="5">选择对比用例图</font>
						</td>
					</tr>
					<tr height="400px">
						<td align="center"> 
						
							<img src=../image/hazeImage/0023_0.85_0.12_2.jpg height=350px width=700px>
								<font size="4"><b>图片1</b><br></font>
						</td>
					</tr>
					<tr height="400px">
						<td align="center">
							<img src=../image/hazeImage/0098_0.85_0.2_2.jpg height=350px width=700px>
							<font size="4"><b>图片2</b><br></font>
						</td>
					</tr>
					<tr height="400px">
						<td align="center">
							<img src=../image/hazeImage/1909_0.85_0.2_2.jpg height=350px width=700px>
							<font size="4"><b>图片3</b><br></font>
						</td>
					</tr>
					<tr height="400px">
						<td align="center">
							<img src=../image/hazeImage/1_2.png height=350px width=700px>
							<font size="4"><b>图片4</b><br></font>
						</td>
					</tr>
					
				</table>
				
			</div>
			<div>
				<input type="radio" name="radio1" value="1" checked="checked"/>图片1
				<input type="radio" name="radio1" value="2" />图片2
				<input type="radio" name="radio1" value="3" />图片3
				<input type="radio" name="radio1" value="4" />图片4
				
				
			</div>
			<input type="submit" value="算法对比" class="btn btn-primary"
			       style="margin-top:80px;margin-left:370px;width:100px;margin-bottom: 100px;"/>
			
        </form>
    </div>
</div>


</body>

</html>